<template>
	<div id="">
		<form id="form1">
			First name: <input type="text" name="FirstName" value="Bill" /><br /> 
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			Last name: <input type="text" name="LastName" value="Gates" /><br />
			
		</form>
		
		<button @click="sunmit">qqqq</button>
	</div>
</template>

<script>
	export default {
		name: 'formData',
		data() {
			return {

			}
		},
		mounted: function() {

		},
		methods: {
			sunmit() {
//				var formData = $('#form1').serialize();
//				var aaa = $('#form2').serialize();
//				console.log(aaa)
//				console.log(formData)
               var aaa = $('input')
               console.log(aaa)
               for (var i =0;i<aaa.length;i++) {
               	 $('input').eq(i).addClass('input'+[i]) 
               }
			}
		}
	}
</script>

<style>

</style>